 .new-mobile-content {
   width: 1200px;
   padding: 35px  0;
   border: 1px solid #e6e3e3;
   overflow: hidden;
   /* height: 450px; */
   margin: 0 auto;
   margin-bottom: 40px;
   margin-top: 30px;

 }
.new-mobile-content .w{
  width: 1200px;
  margin: 0 auto;
}
 .new-mobile-content .mc-left {
   width: 200px;
   float: left;
   border-right: 2px solid #dddcdc
 }

 .new-mobile-content .mc-left>ul>li {
   width: 100%;
   margin-bottom: 5px;
   text-align: center;
   line-height: 72px;
   font-size: 18px;
   color: #202020;
   cursor: pointer
 }

 .new-mobile-content .mc-left>ul>li.active,
 .new-mobile-content .mc-left>ul>li:hover {
   color: #0f52b6;
   background: url("../../../assets/images/mobile-bg-1e389044865e74b2ca4605b0fe26d15d.png") center no-repeat
 }

 .new-mobile-content .mc-right {
   width: 940px;
   float: right;
 }

 .new-mobile-content .mc-right>ul>li {
   display: none;
   width: 100%;
   height: 100%
 }

 .new-mobile-content .mc-right>ul>li.active {
   display: inline-block
 }

 .new-app-content .city-content:after,
 .new-app-content:after {
   display: block;
   content: '';
   clear: both
 }

 .new-mobile-content .mc-right>ul>li .m-title {
   position: relative;
   width: 100%;
   height: 45px;
   font-size: 24px;
   color: #333
 }

 .new-mobile-content .mc-right>ul>li .m-title:before {
   content: '';
   position: absolute;
   width: 40px;
   height: 3px;
   left: 0;
   bottom: 0;
   background-color: #999
 }

 .new-mobile-content .mc-right>ul>li .m-subtitle {
   width: 100%;
   margin-top: 10px;
   line-height: 20px;
   color: #6b6b6b
 }

 .new-mobile-content .mc-right>ul>li .m-detail {
   line-height: 36px;
   color: #9f9f9f
 }

 .new-mobile-content .mc-right>ul>li .app-block {
   width: 100%;
   margin: 15px 0;
   overflow: hidden
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li {
   width: 185px;
   height: 205px;
   margin-right: 3px;
   float: left;
   text-align: center;
   background-image: linear-gradient(to bottom right, #fff, #e4ebfc)
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-title {
   width: 100%;
   margin-top: 35px;
   font-size: 18px;
   color: #818284;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-tag {
   width: 100%;
   margin-top: 15px;
   color: #acadb2
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-icon {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   margin: 20px auto 0;
   cursor: pointer
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-icon.ai-1 {
   /* background: url(../img/govindex/index_new/ai-1-f4e87b6a8459c7bf8ecf81013320fabd.png) center no-repeat */
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-icon.ai-2 {
   /* background: url(../img/govindex/index_new/ai-2-bffaa2105b3d7773c3c967bdb5e4fdfc.png) center no-repeat */
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-icon.ai-3 {
   /* background: url(../img/govindex/index_new/ai-3-15d718963d0d697915c860783e977ae7.png) center no-repeat */
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li .ab-icon.ai-4 {
   /* background: url(../img/govindex/index_new/ai-4-fbefe39452e5290503b7a2f7d9e17abf.png) center no-repeat */
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li.ab-change {
   width: 160px;
   cursor: pointer
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li.ab-change .ac-btn {
   width: 38px;
   height: 38px;
   margin: 63px auto 0;
   border-radius: 50%;
   border: 1px solid #437ce7
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li.ab-change .ac-btn .ac-content {
   width: 20px;
   height: 20px;
   margin: 8px auto;
   border-radius: 50%;
   background-color: #437ce7
 }

 .new-mobile-content .mc-right>ul>li .app-block>ul>li.ab-change .ac-text {
   width: 100%;
   margin-top: 28px;
   text-align: center;
   font-size: 16px;
   color: #1e60db
 }